/**
 * @author kobe
 * @date   16/07/06
 */

var lf = liefeng,
    RC = React.createClass,
    ajax = lf.utils.ajax;

var Record = RC({
    render(){
        return (
            <div className="record">
                <div className="line">
                    <a className="kind" href="javascript:;">水表</a>
                    <a className="kind active" href="javascript:;">电表</a>
                    <a className="kind done" href="javascript:;">煤气表</a>
                </div>
                <div className="line">
                    <span className="title">读数</span>
                    <input className="input-num" ref="num" type="number" placeholder="请填写整数" />
                </div>
                <div className="bottom">
                    <a className="mui-btn lf-green-btn form-submit-btn confirm-btn" href="javascript:;">确认</a>
                    <p className="to-history">你可以查看 <a href="javascript:;">历史读数</a></p>
                </div>
            </div>
        )
    }
});

var AllDone = RC({
    render(){
        return(
            <div className="finish">
                <h2>本期抄表已完成</h2>
                <p>下期开始抄表日期: 2015.08.01</p>
                <p className="to-history">你可以查看 <a href="javascript:;">历史读数</a></p>
            </div>
        )
    }
})

var Container = RC({
    render(){
        return (
            <div className="meter-record">
                <Record />
            </div>
        )
    }
})

React.render(
    <Container />,
    document.getElementById('root'), function () {
        $('#root').css('background', 'none');
        $('body').css('background', '#f2f2f2');
    }
)

